<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="app">
    <!--使用全局组件-->
    <login></login>
  </div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  //全局组件注册 Vue.component(组件名,参数对象)
  //参数对象中 1.template：用来书写html代码(html代码中要有一个主容器)  2.
  Vue.component("login",{
    template:"<div><h1>用户登录</h1></div>"
  });
  const app=new Vue({
    el:"#app",
    data:{
    },
    methods:{
    }
  })
</script>
</body>
</html>